<template>
    <div>
        <!-- <el-row>
            名称
        </el-row>
        <el-row>
            类型
        </el-row>
        <el-row>
            发布人 发布时间
        </el-row> -->
        <!-- <el-steps style="max-width: 600px" :active="active" finish-status="success">
            <el-step title="未上报"/>
            <el-step title="正在审批"/>
            <el-step title="审批通过"/>
            <el-step title="成功发布"/>
        </el-steps> -->
        <el-card>
            <div class="ht"></div>
            <el-button style="width: 30%;" @click="lj">确认</el-button>
        </el-card>
    </div>
</template>

<script setup>
import { ref,onMounted } from 'vue';
import { useRoute } from 'vue-router';
import { selectAnctOne } from '@/api/announcemt';
import router from '@/router';
const route = useRoute();
const active=ref(1)
onMounted(()=>{
    select()
    
})
const select=(async()=>{
    const id = route.query.id;
    const response= await selectAnctOne(id)
    const re= response.data.data
    document.querySelector('.ht').innerHTML = "<p><h1 style='font-size: 40px;display: flex;justify-content: center;'>"+re.title+"</h1></p>"
    +"<p style='margin: 10px;font-size: 20px;display: flex;justify-content: space-around;'><span>发布时间："+re.publishDate+"</span><span>发布单位："+re.publishUnitName+"</span></p>"
    +re.main
    +"<p style='font-size: 20px; margin-top: 10px;'><span>生效时间："+re.effectiveDate+"</span></p>";
})
const lj=(async()=>{
    router.push('/home/check')
})
</script>

<style lang="scss" scoped>
.ht{
    padding: 40px 100px;
}
</style>